import React, { Component } from 'react';

import List from './components/List'
import Search from './components/Search'
export default class App extends Component {

    state = { // 初始化状态
        users: [], // users初始值为数组
        isFirst: true, // 是否为第一次打开页面
        isLoading: false, // 请求是否发送
        err: '', // 存储请求相关的错误信息
    } 

    // 更新App的state
    updateAppState = (stateObj) => {
        this.setState(stateObj)
    }
        
    
    render() {
        // const {users} = this.state
        return (
            <div className="container">
                    <Search updateAppState={this.updateAppState}/>
                    <List {...this.state}/>
            </div>
        );
    }
}
